.p1{
	display: block;
	word-break: break-all;
	word-wrap: break-word;
}
.top{
	width: 100vw;
	height: 360rpx;
	position: relative;
	.dswiper{
		width: 100%;
		height: 100%;
		
		.swiper-item{
			width: 100%;
			height: 100%;
		}
	}
	.swiper_num{
		position: absolute;
		right:30rpx ;
		bottom: 20rpx;
		width: 86rpx;
		height: 36rpx;
		font-size:24rpx ;
		line-height: 36rpx;
		text-align: center;
		color: #fff;
		background: #000000;
		border-radius: 18px;
		opacity: 0.55;
	}
}
.course_info{
	height: 152rpx;
	background: url(../../../static/image/school/detail/bg.png) no-repeat ;
	background-size: 100% 100%;
	padding: 20rpx 0  20rpx 24rpx;
	display: flex;
	flex-direction: row;
	.infol{
		width: 500rpx;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		.one{
			height: 46rpx;
			font-size: 28rpx;
			font-weight: normal;
			color: #FFFFFF;
			line-height: 46rpx;
			.integral{
				font-size: 36rpx;
				font-weight: bold;
				color: #FFFFFF;
			}
		}
		.two{
			height: 60rpx;
			font-size: 28rpx;
			font-weight: normal;
			color: #FFFFFF;
			line-height: 60rpx;
			.price{
				display: inline-block;
				margin-right: 12rpx;
				text-align: center;
				width: 160rpx;
				height: 60rpx;
				background: url(../../../static/image/school/detail/p.png) no-repeat ;
				background-size: 100% 100%;
				font-size: 28rpx;
				color: #FF6C25;
				font-weight: bold;
			}
		}
	}
	.infor{
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		color: #8B5600;
		padding-left:10rpx;
		line-height: 46rpx;
		flex: 1;
		.p1{
			font-size: 24rpx;
			font-weight: normal;
			color: #8B5600;
		}
	}
}
.course_body{
	padding-bottom: 115rpx;
	.course_details{
		margin: 20rpx;
		background-color: #ffffff;
		height: 240rpx;
		padding: 16rpx 24rpx;
		border-radius: 16px;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		.course_name{
			max-height: 108rpx;
			overflow: hidden;
			font-size: 34rpx;
			font-weight: normal;
			color: #333333;
			line-height: 54rpx;
			font-weight: bold;
		}
		.course_sign{
			.sign_item{
				display: inline-block;
				box-sizing: border-box;
				height: 36rpx;
				border-radius: 4rpx;
				background: #F4F2F3;
				padding: 0 4rpx;
				font-size: 26rpx;
				line-height: 36rpx;
				color: #FF6C25;
				vertical-align: top;
				margin-right: 25rpx;
				&:last-child{
					margin-right: 0;
				}
			}
			.sign_one{
				display: inline-block;
				box-sizing: border-box;
				height: 36rpx;
				border-radius: 4rpx;
				background: #F4F2F3;
				padding: 0 4rpx;
				font-size: 26rpx;
				line-height: 32rpx;
				color: #FFBB18;
				border: 2px solid #FFBB18;
				margin-right: 28rpx;
				vertical-align: top;
			}
		}
		.details_introduction{
			height: 36rpx;
			font-size: 24rpx;
			font-weight: normal;
			color: #4D4D4D;
			line-height: 36rpx;
			.spot{
				display: inline-block;
				color: #FF6C25;
				margin: 0 8rpx;
			}
		}
		.course_services{
			height: 42rpx;
			font-size: 24rpx;
			font-weight: normal;
			color: #666666;
			line-height: 42rpx;
			padding-left: 36rpx;
			background-image: url(../../../static/image/school/detail/services.png);
			background-repeat: no-repeat;
			background-size: 22rpx 26rpx;
			background-position: left center;
		}
	}
	.course_arrangement{
		height: 260rpx;
		box-sizing: border-box;
		padding: 12rpx 16rpx 0 28rpx;
		margin:20rpx 18rpx;
		border-radius: 16px;
		background-color: #fff;
		.arrangement_title{
			font-size: 30rpx;
			font-weight: 700;
			color: #333333;
			line-height: 54rpx;
			margin-bottom: 12rpx;
		}
		.arrangement_body{
			height: 150rpx;
			display: flex;
			flex-direction: column;
			justify-content: space-around;
			.arow{
				font-size: 26rpx;
				color: #7F7F7F;
				line-height: 26rpx;
				display: flex;
				flex-direction: row;
				justify-content: space-between;
			}
		}
	}
	.course_steps{
		height: 156rpx;
		margin:20rpx 18rpx;
		background: url(../../../static/image/activity/steps.png) no-repeat ;
		background-size: 100% 100%;
	}
	.course_introduction{
		padding: 28rpx 28rpx 0;
		background: #ffffff;
		.introduction_body{
			border: 1px solid #E4E4E4;
			// overflow: hidden;    
			// text-overflow: ellipsis;
			// display: -webkit-box;
			// -webkit-line-clamp: 5;
			// line-clamp: 5;
			// -webkit-box-orient: vertical;
		}
		.introduction_title{
			height: 68rpx;
			background: #F8E1E5;
			font-size: 30rpx;
			font-weight: 700;
			color: #333333;
			line-height: 68rpx;
			text-indent: 18rpx;
		}
		.introduction_info{
			padding: 22rpx 18rpx;
			font-size: 24rpx;
			color: #7F7F7F;
			height: auto;
			.introduction_text{
				height: auto;
			}
			&.open{
				height: 100px;
				overflow: hidden;
			}
			.info_row{
				display: block;
			}
		}
	}
	.course_img{
		background: #ffffff;
		margin-top:20rpx;
		height: 100%;
	}
	.more{
		padding: 24rpx 0;
		text-align: center;
		color: #333333;
		font-size: 30rpx;
		line-height: 34rpx;
	}
	
}
.course_foot{
	position: fixed;
	bottom: 0;
	padding: 14rpx 28rpx;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	background: #FFFFFF;
	box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.5);
	.foot_text{
		display: block;
		text-align: center;
		font-size: 28rpx;
		line-height: 28rpx;
		color: #333333;
	}
	.button{
		margin: 0;
		border: none;
		&:after{
			border: none;
		}
	}
	.foot_share{
		// height: 80rpx;
		background: url(../../../static/image/school/detail/share.png) no-repeat ;
		background-size: 36rpx 36rpx;
		background-position: center 8rpx;
		padding-top: 52rpx;
		width: 290rpx;
	}
	.foot_consulting{
		// height: 80rpx;
		background: url(../../../static/image/school/detail/consulting.png) no-repeat ;
		background-size: 36rpx 36rpx;
		background-position: center 8rpx;
		padding-top: 52rpx;
	}
	.foot_appointment{
		width: 400rpx;
		height: 80rpx;
		background: #FF6C25;
		border-radius: 40rpx;
		font-size: 32rpx;
		line-height: 80rpx;
		color: #FFFFFF;
		text-align: center;
	}
	.foot_app{
		width: 400rpx;
		height: 80rpx;
		background: #D5D5D5;
		border-radius: 40rpx;
		font-size: 32rpx;
		line-height: 80rpx;
		color: #666666;
		text-align: center;
		margin: 0;
	}
}
.popup{
	background: #FFFFFF;
	border-radius: 24rpx 24rpx 0px 0px;
	padding: 56rpx 28rpx;
	.popup_top{
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		margin-bottom: 70rpx;
		.appointment_img{
			width: 172rpx;
			height: 172rpx;
			margin-right: 20rpx;
		}
		.appointment_info{
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			width: 500rpx;
			.appointment_title{
				font-size: 32rpx;
				font-weight: normal;
				color: #333333;
				line-height: 32rpx;
			}
			.appointment_jf{
				font-size: 40rpx;
				font-weight: bold;
				color: #FF6C25;
				line-height: 44rpx;
			}
			.appointment_kc{
				.sign_item{
					display: inline-block;
					box-sizing: border-box;
					height: 36rpx;
					border-radius: 4rpx;
					background: #F4F2F3;
					padding: 0 4rpx;
					font-size: 26rpx;
					line-height: 36rpx;
					color: #FF6C25;
					vertical-align: top;
					margin-right: 25rpx;
					&:last-child{
						margin-right: 0;
					}
				}
				.sign_one{
					display: inline-block;
					box-sizing: border-box;
					height: 36rpx;
					border-radius: 4rpx;
					background: #F4F2F3;
					padding: 0 4rpx;
					font-size: 26rpx;
					line-height: 31rpx;
					color: #FFBB18;
					border: 2px solid #FFBB18;
					margin-right: 28rpx;
					vertical-align: top;
				}
			}
		}
	}
	.enrollment{
		margin-bottom: 90rpx;
		.one{
			font-size: 32rpx;
			color: #333333;
			margin-bottom: 48rpx;
		}
		.two{
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			margin-bottom: 16rpx;
			.twol{
				height: 40rpx;
				padding-left: 60rpx;
				background: url(../../../static/image/school/detail/jf.png) no-repeat ;
				background-size: auto 100%;
				background-position: left top;
				font-size: 32rpx;
				font-weight: 400;
				color: #333333;
				line-height: 40rpx;
			}
			.twor{
				font-size: 32rpx;
				font-weight: 500;
				color: #333333;
				line-height: 40rpx;
			}
		}
		.there{
			text-align: right;
			font-size: 24rpx;
			font-weight: 500;
			color: #666666;
			line-height: 30rpx;
		}
	}
	.information{
		.information_row{
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			font-size: 32rpx;
			line-height: 70rpx;
			margin-bottom: 28rpx;
			.information_input{
				width: 540rpx;
				height: 70rpx;
				line-height: 70rpx;
				border-bottom: 2px solid #E6E6E6;
				box-sizing: border-box;
			}
		}
		.information_name{
			
		}
		.information_contact{
			
		}
	}
	.tips{
		font-size: 24rpx;
		line-height: 40rpx;
		color: #666666;
		&:before{
			content:'';
			display: inline-block;
			vertical-align: middle;
			width: 32rpx;
			height: 32rpx;
			background: url(../../../static/image/school/detail/zy.png) no-repeat ;
			background-size: 32rpx 32rpx;
			margin-right: 4rpx;
		}
	}
	.appointment{
		width: 480rpx;
		margin: 30rpx auto;
		height: 88rpx;
		background: #FF6C25;
		border-radius: 54rpx;
		font-size: 32rpx;
		line-height: 88rpx;
		color: #FFFFFF;
	}
	.agreement{
		font-size: 24rpx;
		line-height: 40rpx;
		color: #999999;
		.agreements{
			color: #000000;
		}
	}
}
.success{
	width: 640rpx;
	height: 1050rpx;
	padding-top: 435rpx;
	box-sizing: border-box;
	background: url(../../../static/image/school/detail/success.png) no-repeat ;
	background-size: 100% auto;
	.one{
		font-size: 80rpx;
		font-weight: normal;
		color: #3C3C3C;
		line-height: 80rpx;
		margin-bottom: 36rpx;
		text-align: center;
		font-weight: bold;
	}
	.two{
		margin: 0 auto;
		width: 508rpx;
		padding: 20rpx 35rpx;
		background: rgba(239, 239, 239, 0.9);
		border-radius: 30rpx;
		// filter: blur(10rpx);
		font-size: 32rpx;
		font-weight: normal;
		color: #333333;
		line-height: 56rpx;
		margin-bottom: 48rpx;
	}
	.vieworder{
		margin: 0 auto;
		width: 480rpx;
		height: 88rpx;
		background: #FF6C25;
		border-radius: 54rpx;
		font-size: 32rpx;
		color: #FFFFFF;
		line-height: 88rpx;
		text-align: center;
	}
}

.no_data{
	padding-top: 184rpx;
	margin:80rpx auto;
	text-align: center;
	margin-bottom: 160rpx;
}

.processing-icon {
	width: 372rpx;
	height: 320rpx;
	margin-bottom: 36rpx;
}
.processing-text {
	font-size: 32rpx;
}
